<template>
  <h1 id="h1" class="bor">{{ msg }}</h1>

</template>
<script setup lang="ts">
import { ref,onBeforeMount,onMounted,onBeforeUpdate,onUpdated,onBeforeUnmount,onUnmounted } from 'vue'
console.log('setup');
onBeforeMount(()=>{
 let h1 = document.querySelector('#h1')
 console.log(h1,'创建之前=======》')
})
onMounted(()=>{
  let h1 = document.querySelector('#h1')
  console.log(h1, '创建之后=======》')
})
defineProps<{ msg: string }>()

const count = ref(0)
</script>
<style scoped lang="less">
a {
  color: #42b983;
}

label {
  margin: 0 0.5em;
  font-weight: bold;
}

code {
  background-color: #eee;
  padding: 2px 4px;
  border-radius: 4px;
  color: #304455;
}
</style>
